<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.1.1
Version: 2.0.2
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<!--<![endif]-->
<!-- BEGIN HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
			<div class="form-group" style="margin: 0px;">
				<div class="row">
					<div class="col-sm-5">
						<label class="col-sm-3 control-label text-right">手机号</label>
						<div class="col-sm-9"><input type="text" class="form-control" ng-model="searchModel.mobileNo"/></div>
					</div>
					<div class="col-sm-5">
						<label class="col-sm-3 control-label text-right">邮箱</label>
						<div class="col-sm-9"><input type="text" class="form-control" ng-model="searchModel.email"/></div>
					</div>
					<div class="col-sm-1">
						<a class="btn blue" ng-click="queryOperList();"><i class="fa fa-search"></i>查询</a>
					</div>
				</div>
			</div>
			<hr />

			<div>
				<a class="btn blue" href="javascript:;"  data-target="#operListModel" 
					data-toggle="modal" ng-click="addOperList();">
					<i class="fa fa-plus"></i>
						新增
				</a>
			</div>
			<table class="table table-striped table-bordered table-hover" id="table_1">
			<thead>
				<tr>
					<th>姓名</th>
					<th>性别</th>
					<th>用户名</th>
					<th>手机号码</th>
					<th>邮箱</th>
					<th>注册时间</th>
					<th>是否锁定</th>
					<th>是否使用</th>
					<th>操作</th>
				</tr>
			</thead>
			<tbody>
				<tr class="odd gradeX" ng-repeat="operList in operListList  track by $index" on-loaded="{{$last}}" target-table="table_1">
					<td>
						<span ng-bind="operList.name"></span>
					</td>
					<td>
						<span ng-bind="operList.gender | getValueInStaticFilter : 'genderArray'"></span>
					</td>
					<td>
						<span ng-bind="operList.nickName"></span>
					</td>
					<td>
						<span ng-bind="operList.mobileNo"></span>
					</td>
					
					<td>
						<span ng-bind="operList.email"></span>
					</td>
					<td>
						<span ng-bind="operList.registTime | date:'yyyy-MM-dd'"></span>
					</td>
					<td>
						<span ng-bind="operList.isLocked | getValueInStaticFilter : 'lockedArray'"></span>
					</td>
					<td>
						<span ng-bind="operList.isValid | getValueInStaticFilter : 'validArray'"></span>
					</td>
					<td>
						<a class="btn" href="javascript:;"  data-target="#operListModel" 
						data-toggle="modal" ng-click="updateOperList(operList);">
							修改
						</a>
						<a class="btn" href="javascript:;"  data-target="#operRoleListModel" 
						data-toggle="modal" ng-click="allotRole(operList);">
							角色分配
						</a>
					</td>
				</tr>
			</tbody>
			</table>
		
			<div id="operListModel" class="modal fade" role="dialog" aria-hidden="true" data-backdrop="false">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
							<h4 class="modal-title">操作员新增/修改</h4>
						</div>
						<div class="modal-body form">
							<div class="form-group">
								<div class="row">
									<label class="col-sm-3 control-label text-right">姓名</label>
									<div class="col-sm-8">
										<div class="input-group">
											<input type="text" class="form-control bValidate" key="required,maxlength_20" ng-model="selectedOperList.name"/>
										</div>
									</div>
								</div>
								<div class="row">
									<label class="col-sm-3 control-label text-right">性别</label>
									<div class="col-md-8">
										<div class="radio-list">
											<label  class="radio-inline col-md-4" style="margin:0px;padding: 0px">
												<input ng-model="selectedOperList.gender" type="radio"  value="1" 
												ng-selected="selectedOperList.gender==1">
													男
											</label>
											<label  class="radio-inline col-md-4" style="margin:0px;padding: 0px">
												<input ng-model="selectedOperList.gender" type="radio"  value="0" 
												ng-selected="selectedOperList.gender==0">
													女
											</label>
										</div>
									</div>
								</div>
								<hr />
								<div class="row">
									<label class="col-sm-3 control-label text-right">手机号码</label>
									<div class="col-sm-8">
										<div class="input-group">
											<input type="text" class="form-control bValidate"  key="required,mobile" ng-model="selectedOperList.mobileNo"/>
										</div>
									</div>
								</div>
								<div class="row">
									<label class="col-sm-3 control-label text-right">用户名</label>
									<div class="col-sm-8">
										<div class="input-group">
											<input type="text" class="form-control bValidate"  key="username" ng-model="selectedOperList.nickName"/>
										</div>
									</div>
								</div>
								<div class="row">
									<label class="col-sm-3 control-label text-right">邮箱</label>
									<div class="col-sm-8">
										<div class="input-group">
											<input type="text" class="form-control  bValidate"  key="email,maxlength_30" ng-model="selectedOperList.email"/>
										</div>
									</div>
								</div>
								<div class="row">
									<label class="col-sm-3 control-label text-right">所属运营商</label>
									<div class="col-sm-8">
										<div class="input-group">
										<select ng-options="merchant.merchantCode as merchant.shortName  for merchant in merchantList"  ng-model="selectedOperList.merchantCode" id="merchantCodeID" class="form-control">
										</select>
										</div>
									</div>
								</div>
								<hr />
								<div class="row">
									<label class="col-sm-3 control-label text-right">是否锁定</label>
									<div class="col-md-8">
										<div class="radio-list">
											<label  class="radio-inline col-md-4" style="margin:0px;padding: 0px">
												<input ng-model="selectedOperList.isLocked" type="radio"  value="0" 
												ng-selected="selectedOperList.isLocked==0">
													未锁定
											</label>
											<label  class="radio-inline col-md-4" style="margin:0px;padding: 0px">
												<input ng-model="selectedOperList.isLocked" type="radio"  value="1" 
												ng-selected="selectedOperList.isLocked==1">
													锁定
											</label>
										</div>
									</div>
								</div>
								<div class="row">
									<label class="col-sm-3 control-label text-right">是否启用</label>
									<div class="col-md-8">
										<div class="radio-list">
											<label  class="radio-inline col-md-4" style="margin:0px;padding: 0px">
												<input ng-model="selectedOperList.isValid" type="radio"  value="1" 
												ng-selected="selectedOperList.isValid==1">
													启用
											</label>
											<label  class="radio-inline col-md-4" style="margin:0px;padding: 0px">
												<input ng-model="selectedOperList.isValid" type="radio"  value="0" 
												ng-selected="selectedOperList.isValid==0">
													停用
											</label>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>关闭</button>
							<button type="button" class="btn btn-primary" ng-click="modifyOperList();"><i class="fa fa-check"></i>保存</button>
						</div>
					</div>
				</div>
			</div>
			
			<div id="operRoleListModel" class="modal fade" role="dialog" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
						<h4 class="modal-title">角色修改</h4>
					</div>
					<div class="modal-body form">
						<div class="form-group alert row">
							<div class="modal-body form" style='margin:0px 15px 15px 15px;position: relative;top: -20px'>
								<div class="row">
									<label class="col-sm-3 control-label text-left selectAllTit">请选择系统</label>
									<div class="col-sm-9">
										<div class="input-group">
											<select class="form-control" ng-model="selectedSys" 
											ng-options="systemInfo.sysCode as systemInfo.sysName for systemInfo in systemInfoMap">
												<option value="">--所有系统--</option>
											</select>
										</div>
									</div>
								</div>
							</div>
							<p></p>
							<div class="col-sm-5" style="padding:0px">
								<p class="selectAllTit">可分配角色</p>
								<select multiple="multiple" class="selectAll" id="leftSelect">
									<option ng-dblclick="selectRole(role,$index);" value="{{$index}}" 
									ng-hide="role.hide"
									ng-repeat="role in unAllotRoleList track by $index" >{{role.roleName}}</option>
								</select>
							</div>
							<div class="col-sm-2" style="color:#018DAE;padding-top:80px;text-align: center">
								<a style="display: block;"><i class="fa fa-chevron-circle-left" style="font-size: 30px;line-height:50px;cursor: pointer;" ng-click="leftClick();"></i></a>
								<a style="display: block;"><i class="fa fa-chevron-circle-right" style="font-size: 30px;line-height:50px;cursor: pointer;" ng-click="rightClick();"></i></a>
							</div>
							<div class="col-sm-5" style="padding:0px">
								<p class="selectAllTit">已分配角色</p>
								<select multiple="multiple" class="selectAll" id="rightSelect">
									<option ng-dblclick="invertSelectRole(operRole,$index);" value="{{$index}}" 
									ng-hide="operRole.hide"
									ng-repeat="operRole in operRoleList track by $index">
									{{operRole.roleId | getValueInArgFilter : rolemap : 'roleName'}}
									</option>
								</select>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>关闭</button>
						<button type="button" class="btn btn-primary" ng-click="modifyOperRole();">
						<i class="fa fa-check"></i>保存</button>
					</div>
				</div>
			</div>
	</div>
</body>
</html>
<script src="manageView/assets/scripts/public.js" type="text/javascript"></script>
